<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">
<f:view>
	<h:head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<style type="text/css">
body {
	background: url('images/muni/fondoweb1.gif') center repeat-y;
}

#midivcentrado {
	width: 800px;
	margin: 0 auto;
}

#midiv {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 317px;
	margin-top: -162px;
	width: 482px;
	margin-left: -241px;
}
</style>
	</h:head>
	<script language="JavaScript" type="text/javascript">
		window.history.forward(-1);
	</script>


	<p:dialog modal="true" widgetVar="statusDialog" closeOnEscape="false"
		header="Ingresando al sistema" draggable="false" closable="false">
		<p:graphicImage value="/design/ajaxloadingbar.gif" />
	</p:dialog>

	<h:form>
		<p:growl id="growl" showDetail="true" life="6000" />
		<div id="midiv"
			style="background-image: url(images/muni/loge_medio.png); width: 482px; height: 317px;">
			<br /> <br /> <br /> <br /> <br /> 
			<div align="left" style="width: 400px; height: 220; position: 80;">
				<table align="center">
					<tr>
						<th align="right"><h:outputText value="Tipo de documento:  "
								id="tipodocumento" style="width: 30px; " /></th>
						<td><h:selectOneListbox id="tipodni" 
								value="#{personaBM.idTipoDocumento}" size="1">
								<f:selectItem itemLabel="---Seleccione un Tipo de Documento----"
									itemValue="-1" />
								<f:selectItems value="#{personaBM.listaDocumentoIdentidad}" />
								<p:ajax update="txtPersona" process="tipodni" event="change" actionListener="#{personaBM.tamañoCaja}" />
							</h:selectOneListbox></td>
					</tr>
					<tr>
						<th align="right"><h:outputText
								value="Número de documento:  " id="usuario"
								style="width: 30px; " /></th>
						<td><p:inputMask id="txtPersona"
								value="#{personaBM.objPersona.numDocumento}" style="width: 160px; " mask="#{personaBM.formatInputMask}"
								required="true" requiredMessage="Ingrese el numero de documento"/> 
								<p:message for="txtPersona" /></td>
					</tr>
					<tr>
						<th align="right"><h:outputText value="Contraseña:  "
								id="txtClaveUA" style="width: 30px; " />
						</th>
						<td><h:inputSecret id="txtContrasenia"
								value="#{personaBM.txtClavePersona}" style="width: 160px; "
								required="true" requiredMessage="Ingrese la contraseña" /> <p:message
								for="txtContrasenia" /></td>
					</tr>
				</table>
			</div>
			<br /> <br />
			<div align="center">
				<h:panelGrid columns="7">
					<h:commandButton value="123" image="images/botton/user_log.png"
						title="Ingresar al sistema" action="#{personaBM.loginAdministrado}"
						onclick="statusDialog.show();" style="width: 30px; height: 30;" />
					<p:spacer width="20" />
					<h:commandButton value="123" image="images/botton/descargar.png"
						title="Descargar manual" type="button" immediate="true"
						style="width: 30px; height: 30;" />
					<p:spacer width="20" />
					
					<h:commandLink 	id="miLinkAction01" immediate="true">
									<a href="http://www.gobconsult.net">
									<h:graphicImage url="images/botton/inicio.png"
										title="Regresar al inicio" style="border:0" /></a>
					</h:commandLink>
					
					<p:spacer width="20" />
					<h:commandButton image="images/botton/registrar.png"
						title="Registrarse" type="button" immediate="true"
						style="width: 30px; height: 30;" />

				</h:panelGrid>
			</div>
		</div>

	</h:form>
</f:view>
</html>